<ion-row>
  <ion-col size="12" size-sm>
    <form [formGroup]="loginForm" (ngSubmit)="submitForm()">
      <div class="mt45 ml30 mb30 title">
        <ng-container *ngIf="appTypeCustom!='LJ'">
          <h1 class="f36 bold">登录</h1>
        </ng-container>
        <ng-container *ngIf="appTypeCustom==='LJ'">
          <h1 class="f36 bold laijian-h1">登录</h1>
        </ng-container>
        <p class="f18 mt20">
          <ng-container *ngIf="appTypeCustom==='LJ'">
            <span class="laijian-p">没有账号？立即</span>
          </ng-container>
          <ng-container *ngIf="appTypeCustom!='LJ'">没有账号？立即</ng-container>
          <a appDebounceClick (debounceClick)="register()">注册</a>
        </p>
      </div>
      <ion-list>
        <ion-item>
          <ion-input #accountInput type="text" formControlName="account" [(ngModel)]="accountNum" maxlength="11"
            required placeholder="请输入手机号码" (ionInput)="focusInput('1')"></ion-input>
          <span appDebounceClick (debounceClick)="accountNum=''" [ngClass]="{'close': accountNum!='','hideClose':accountNum===''}"></span>
        </ion-item>
        <ion-item>
          <ion-input #passwordInput type="{{open?'text':'password'}}" formControlName="password"
            [(ngModel)]="passwordNum" minlength="6" maxlength="30" required placeholder="请输入密码"
            (ionInput)="focusInput('2')"></ion-input>
          <span appDebounceClick (debounceClick)="passwordNum=''"
            [ngClass]="{'close_r50': passwordNum!='','hideClose_r50':passwordNum===''}"></span>
          <span class="eye" appDebounceClick (debounceClick)="open=!open" [ngClass]="{'eyeshow':open}"></span>
        </ion-item>
        <ion-item lines="none" class="clear-left-item">
          <div class="check-box-div" appDebounceClick (debounceClick)="checkRead()">
            <ng-container *ngIf="this.isCheckRead===true">
              <i class="checkicon"></i>
            </ng-container>
            <ng-container *ngIf="this.isCheckRead===false">
              <i class="uncheckicon"></i>
            </ng-container>
            <label class="checkbox">我已阅读并同意</label>
          </div>
          <ng-container *ngIf="appTypeCustom!='LJ'">
            <span class="f12 blue" appDebounceClick (debounceClick)="openArgument()">《铺铺旺用户协议》</span>
            <!-- <span class="f16 blue " appDebounceClick (debounceClick)="alertPrivacyPolicy()">《隐私权政策》</span> -->
          </ng-container>
          <ng-container *ngIf="appTypeCustom==='LJ'">
            <span class="f12 blue" appDebounceClick (debounceClick)="openArgument()">《蜂喔用户协议》</span>
            <span class="f12 blue " appDebounceClick (debounceClick)="alertPrivacyPolicy()">《隐私政策》</span>
          </ng-container>
        </ion-item>
        <ng-container *ngIf="appTypeCustom!='LJ'">
          <ion-button type="submit" color="gold" class="btn" expand="block">
            登录
          </ion-button>
        </ng-container>
        <ng-container *ngIf="appTypeCustom==='LJ'">
          <ng-container *ngIf="accountNum===''">
            <ion-button type="submit" color="laijian" disabled="true" class="btn-disable" class="btn" expand="block">
              <span class="button-label"> 登录</span>
            </ion-button>
          </ng-container>
          <ng-container *ngIf="accountNum!=''">
            <ion-button type="submit" [disabled]="disableBtn" color="laijian" class="btn" expand="block">
              <span class="button-label"> 登录</span>
            </ion-button>
          </ng-container>

        </ng-container>
        <p class="forget" appDebounceClick (debounceClick)="changePwd()">忘记密码</p>
        <div *ngIf="tagData.wxLink" class="wxLink" [ngStyle]="tagData.wxLink.cssStyle|styleFilter">
          <font [ngStyle]="tagData.wxLink?.params?.labelCssStyle|styleFilter">{{tagData.wxLink.label}}</font>
          <img *ngIf="true" class="wxIconLink" [src]="tagData.wxLink.iconUrl" appDebounceClick (debounceClick)="wxAuth()"
            [ngStyle]="tagData.wxLink?.params?.iconUrlCssStyle|styleFilter"
            onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1681872642016c1dd7a9ed539d5a81e5806ac3e5e078a.png'" />
        </div>

      </ion-list>
    </form>
  </ion-col>
</ion-row>